/*
*因为旧模板样式被其他地方有使用，所以不适用before，after这种方式。
*/
.farris-header {
  background: rgba(255, 255, 255, 0.70);
  border-radius: $f-page-tmpl-border-radius $f-page-tmpl-border-radius 0 0;
  margin: $f-pt-split-section-outer-gutter $f-pt-split-section-outer-gutter 0 $f-pt-split-section-outer-gutter;
}

.farris-main-area {
  .f-page-header {
    background: rgba(255, 255, 255, 0.70);
    border-radius: $f-page-tmpl-border-radius $f-page-tmpl-border-radius 0 0;
    margin: $f-pt-split-section-outer-gutter $f-pt-split-section-outer-gutter 0 $f-pt-split-section-outer-gutter;
  }
}



.farris-split-section .farris-rsection {
  background: #fff;
}

.farris-split-section .farris-lsection {
  background: #fff;
  z-index: 10;
}

.farris-grid-toolbar,
.farris-cardpart-title {
  position: relative;
  padding: $f-section-header-title-inner-gutter;

  &::before {
    content: '';
    width: $f-section-header-title-adorn-width;
    height: $f-section-header-title-adorn-height;
    background: $f-section-header-title-adorn-bg;
    border-radius: $f-section-header-title-adorn-radius;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5 * $f-section-header-title-adorn-height;
  }
}

// 消除旧的间距
.#{$f-page-prefix}-is-managelist {
  .#{$f-section-prefix}+.#{$f-section-prefix} {
    margin-top: 0;

    &::before {
      display: none !important;
    }
  }

  .f-struct-wrapper {
    &+.f-struct-wrapper {
      >.#{$f-section-prefix} {
        margin-top: 0;

        &::before {
          display: none !important;
        }
      }
    }
  }
}

.#{$f-section-prefix}-hasgap {
  margin-top: 0;

  &::before {
    display: none !important;
  }
}

.#{$f-footer-prefix}-hasgap {
  margin-top: 0;

  &::before {
    display: none !important;
  }
}

// Tab
.farris-split-section .k-tabstrip>.k-tabstrip-items .k-item {
  &::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    display: none;
    border-radius: 10px;
    box-shadow: 0px 2px 6px 0px rgba(#4E94FF, 0.4);
  }

  &.k-state-active {
    &::after {
      display: block;
      background-color: $f-scrollspy-tab-title-active-bg;
    }
  }
}

.k-tabstrip-top>.k-tabstrip-items {
  border-bottom: 0;
}
